<template>
  <div>
    <h2 style="text-align: center; margin: auto">账单列表</h2>

    <el-input v-model="input" placeholder="请输入日期"></el-input
    ><el-button type="primary" @click="search">查询</el-button>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="id" label="序号" width="180"> </el-table-column>
      <el-table-column prop="username" label="用户名" width="180">
      </el-table-column>
      <el-table-column prop="password" label="密码" width="180">
      </el-table-column>
      <el-table-column prop="age" label="年龄" width="180"> </el-table-column>
      <el-table-column prop="sex" label="性别" width="180"> </el-table-column>
      <el-table-column prop="nickname" label="昵称" width="180">
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  name: 'OrderListView',
  data () {
    return {
      tableData:[],
      input:""
    }
  },
  methods: {
    search(){

    }
  },
  created () {
  },
  mounted () {
  },
}
</script>
<style lang="scss" scoped>
.el-input {
  width: 30%;
  line-height: normal;
}
</style>
